@import '../less/public.less';
.ba{
    background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
}
.tag{
    &:nth-of-type(1){
        border-bottom: 3px solid @z;
        color: @z;
    }
}

.tagVesselsT{
    padding-left:20px;
    padding-right: 20px;
    overflow: hidden;
    .pictureV{
        width: 33%;
        height: 300px;
        // background-color: blanchedalmond;
        float: left;
        margin-top: 20px;
        padding:0 20px;
        @media (max-width:900px) {
            width: 100%;
        }
        .pictureVs{
            width: 100%;
            height: 100%;
            border: 1px solid #d8d8d8;
            cursor: pointer;
            .picture{
                width: 100%;
                height: 80%;
                // background-color: red;
                .ba();
            }
            .userVessels{
                width: 100%;
                height: 20%;
                // background-color: skyblue;
                position: relative;
                padding-left: 60px;
                .userHeard{
                    width: 50px;
                    height: 50px;
                    position:absolute;
                    top: 5px;
                    left: 5px;
                    // background-color: red;
                    border-radius: 50%;
                    .ba();
                }
                .userName{
                    width: 100%;
                    height: 100%;
                    line-height:60px;
                }
            }
        }
    }
}

